<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>Habitplus' favorite</title>
    <link rel="icon" href="/static/images/favicon.ico">
    <link rel="stylesheet" href="/static/module/layui-v2.6.8/css/layui.css">
    <link rel="stylesheet" href="/static/module/layui-v2.6.8/layui-icon-extend/iconfont.css">
    <link rel="stylesheet" href="/static/css/hello.css">
</head>
<body>
<div class="layui-layout layui-layout-admin">

    <div class="layui-side layui-bg-black" style="top: 0; padding-bottom: 75px">
        <div class="layui-side-scroll">
            <div class="header-css">
                <img src="/static/images/tx003.png" class="header-img-css">
                <h3>Habitplus’ 收藏</h3>
            </div>
            <ul class="layui-nav layui-nav-tree">
                <th:block th:if="${datas.get('menus') != null}">
                    <li class="layui-nav-item" th:each="menu:${datas.get('menus')}">
                        <a href="javascript:" th:onclick="jumpE([[${menu.dirFlag == 2 ? 'label_' + menu.id : ''}]])">
                            <i th:class="${menu.icon}"></i>&emsp;[[ ${menu.name} ]]
                        </a>
                        <dl class="layui-nav-child" th:if="${menu.children != null}">
                            <dd th:each="ch : ${menu.children}">
                                <a href="javascript:" th:onclick="jumpE([[${'label_' + ch.id}]])" class="tab-custom-css">
                                    <i th:class="${ch.icon}"></i>&emsp;[[ ${ch.name} ]]
                                </a>
                            </dd>
                        </dl>
                    </li>
                </th:block>
                <li class="layui-nav-item">
                    <a href="javascript:">
                        <i class="iconfont icon-my"></i>&emsp;我的资源
                    </a>
                </li>

                <div class="web-pv-css">
                    <p id="pagePv"></p>
                    <p id="pageUv"></p>
                </div>

            </ul>
        </div>
    </div>

    <div class="layui-body" style="top: 0; padding: 0;">
        <!-- 内容主体区域 -->
        <div class="website-meta-css" id="friendlyTipZone">
            <div class="website-meta-title-css">
                网站说明
            </div>
            <div class="website-meta-body-css">
                <p class="one-row-css">本网站主要用于收集日常用到的比较好的工具和学习资源，欢迎大家访问并提出改进意见！</p>
            </div>
        </div>


        <div class="main-css" th:if="${datas.resources != null}">
            <th:block th:each="re : ${datas.resources}">
                <div th:id="'label_' + ${re.catalogId}" class="menu-content-item-css">
                    <fieldset class="layui-elem-field layui-field-title">
                        <legend th:text="${re.catalogName}"></legend>
                    </fieldset>

                    <div class="layui-row layui-col-space30" th:if="${re.resources != null}">
                        <div class="layui-col-md3" th:each="r : ${re.resources}">
                            <div class="card-entry-css"
                                 th:onclick="window.open([[ ${r.url} ]], '_blank')">
                                <div class="card-entry-box-css">
                                    <a class="card-entry-box-logo-css">
                                        <img class="card-entry-box-logo-img-css" th:src="${r.logo}">
                                    </a>
                                    <div class="card-entry-box-desc-css">
                                        <strong class="card-entry-box-desc-title-css" th:text="${r.name}"></strong>
                                        <p class="card-entry-box-desc-content-css" th:text="${r.description}">
                                            XXX
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </th:block>

        </div>
    </div>

    <div class="layui-footer" style="text-align: center">
        <!-- 底部固定区域 -->
        <span style="height: 100%;">
            &copy; 2021 <b>habitplus</b>, All right reversed!
            &emsp;<a href="https://beian.miit.gov.cn/" target="_blank">湘ICP备2022000103号</a>
        </span>
    </div>
</div>

<script src="/static/module/layui-v2.6.8/layui.js"></script>
<script src="/static/module/jquery/jquery-3.6.0.min.js"></script>
<script src="/static/js/hello.js"></script>

</body>
</html>